import { defineStore } from "pinia";
import { useCssVar } from "@vueuse/core";
export const useAppStore = defineStore(
  "app",
  () => {
    const isCollapse = ref<boolean>(true);
    const theme = ref<string>("#3F51B5"); // 主题色
    const getIsCollapse = computed(() => isCollapse); // 是否展开菜单
    const getTheme = computed(() => theme); // 是否展开菜单
    // 设置菜单是否展开
    function setCollapse(collapse: boolean) {
      isCollapse.value = collapse;
    }
    // 设置主题颜色
    function setTheme(color: string = theme.value) {
      theme.value = color;
      useCssVar("--el-color-primary").value = theme.value;
    }
    return { getTheme, getIsCollapse, setCollapse, setTheme };
  },
  {
    persist: true,
  }
);
